<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <title>智慧公路桥梁安全服务云平台</title>
    <link rel="stylesheet" type="text/css" href="${ctxPath}/assets/modular/system/view/css/base1.css">
    <link rel="stylesheet"  type="text/css"  href="${ctxPath}/assets/modular/system/view/css/index1.css">
    <link rel="shortcut  icon" type="image/x-icon" href="../../../../assets/img/favicon.ico" media="screen">
</head>
<body class="body">
<div class="sys-name"><div class="curDate" style="right:2%;top:2%;"></div></div>
<div class="main">
    <div class="charts-left">
        <div class="left-top">
            <div class="device-title">生产线布局图</div>
            <div class="device-show">
                <div id="one" class="equip1"></div>
                <div id="two" class="equip2"></div>
                <div id="three" class="equip3"></div>
                <div id="four" class="equip4"></div>
                <div id="five" class="equip5"></div>
            </div>
            <div class="modal modalOne">
                <div class="close"></div>
                <div class="equip-main">
                    <div class="equip-info"></div>
                    <div class="pieDiv clearfix">
                        <div id="pie-charts1"></div>
                        <div id="pie-charts2"></div>
                    </div>
                    <div id="bar-device"></div>
                </div>
            </div>
            <div class="modal modalTwo">
                <div class="close"></div>
                <div class="equip-main">
                    <div class="equip-info"></div>
                    <div class="infoDiv info1">
                        <div class="info-item item1">
                            <div class="sb-title">套帽灌胶设备一</div>
                            <div class="sb-info">
                                <dl>
                                    <dd>任务号：F1603-469-008</dd>
                                    <dd>工序号：147</dd>
                                    <dd>工序名称：灌胶</dd>
                                    <dd>客户名称：嘉兴高鑫</dd>
                                    <dd>卡工时间：2017-03-09</dd>
                                    <dd>完成时间：2017-06-21</dd>
                                    <dd>状态：加工中</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="info-item item2 animate">
                            <div class="sb-title">套帽灌胶设备二</div>
                            <div class="sb-info">
                                <dl>
                                    <dd>任务号：F1603-469-018</dd>
                                    <dd>工序号：157</dd>
                                    <dd>工序名称：灌胶</dd>
                                    <dd>客户名称：瑞安恒昊</dd>
                                    <dd>卡工时间：2017-04-09</dd>
                                    <dd>完成时间：2017-06-11</dd>
                                    <dd>状态：加工中</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="info-item item3 animate">
                            <div class="sb-title">套帽灌胶设备三</div>
                            <div class="sb-info">
                                <dl>
                                    <dd>任务号：F1603-469-024</dd>
                                    <dd>工序号：164</dd>
                                    <dd>工序名称：灌胶</dd>
                                    <dd>客户名称：徐州奥尼克</dd>
                                    <dd>卡工时间：2017-04-19</dd>
                                    <dd>完成时间：2017-05-21</dd>
                                    <dd>状态：已完成</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="info-item item4 animate">
                            <div class="sb-title">套帽灌胶设备四</div>
                            <div class="sb-info">
                                <dl>
                                    <dd>任务号：F1603-469-042</dd>
                                    <dd>工序号：172</dd>
                                    <dd>工序名称：灌胶</dd>
                                    <dd>客户名称：江苏建威</dd>
                                    <dd>卡工时间：2017-05-01</dd>
                                    <dd>完成时间：2017-05-30</dd>
                                    <dd>状态：已完成</dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div class="infoDiv info2">
                        <div class="info-item item1">
                            <div class="sb-title">电热鼓风干燥箱一</div>
                            <div class="sb-info">
                                <dl>
                                    <dd>任务号：F1602-432-002</dd>
                                    <dd>工序号：002</dd>
                                    <dd>工序名称：烘烤</dd>
                                    <dd>客户名称：重庆博强</dd>
                                    <dd>卡工时间：2017-03-09</dd>
                                    <dd>完成时间：2017-06-21</dd>
                                    <dd>状态：加工中</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="info-item item2 animate">
                            <div class="sb-title">电热鼓风干燥箱二</div>
                            <div class="sb-info">
                                <dl>
                                    <dd>任务号：F1602-432-018</dd>
                                    <dd>工序号：021</dd>
                                    <dd>工序名称：烘烤</dd>
                                    <dd>客户名称：锦州富莱</dd>
                                    <dd>卡工时间：2017-04-09</dd>
                                    <dd>完成时间：2017-05-21</dd>
                                    <dd>状态：加工中</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="info-item item3 animate">
                            <div class="sb-title">电热鼓风干燥箱三</div>
                            <div class="sb-info">
                                <dl>
                                    <dd>任务号：F1602-432-023</dd>
                                    <dd>工序号：023</dd>
                                    <dd>工序名称：烘烤</dd>
                                    <dd>客户名称：常州仁华</dd>
                                    <dd>卡工时间：2017-03-19</dd>
                                    <dd>完成时间：2017-05-21</dd>
                                    <dd>状态：已完成</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="info-item item4 animate">
                            <div class="sb-title">电热鼓风干燥箱四</div>
                            <div class="sb-info">
                                <dl>
                                    <dd>任务号：F1602-432-012</dd>
                                    <dd>工序号：032</dd>
                                    <dd>工序名称：烘烤</dd>
                                    <dd>客户名称：徐州整流</dd>
                                    <dd>卡工时间：2017-03-09</dd>
                                    <dd>完成时间：2017-04-30</dd>
                                    <dd>状态：已完成</dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="left-bottom">
            <div class="boxBg">
                <div class="item-tips">
                    <span class="active">二极管</span><span>整流桥</span>
                </div>
                <div id="bar-charts1"></div>
            </div>
        </div>
    </div>
    <div class="charts-center">
        <div class="center-top">
            <div id="map-charts"></div>
        </div>
        <div class="center-bottom">
            <div id="line-charts"></div>
        </div>
    </div>
    <div class="charts-right">
        <div class="right-top">
            <div class="device-title">视频展示</div>
            <div class="fl-show">
                <embed class="video1" src="video/3D.swf" menu="false" wmode="transparent" type="application/x-shockwave-flash"></embed>
            </div>
            <div class="curDate"></div>
            <!--<video class="video2" autoplay="autoplay" muted="muted" loop="loop" >-->
                <!--<source src="video/00046_baofeng.mp4" type="video/mp4"></source>-->
            <!--</video>-->
            <!--<video class="video3" autoplay="autoplay" muted="muted" loop="loop" >-->
                <!--<source src="video/00059_baofeng.mp4" type="video/mp4"></source>-->
            <!--</video>-->
        </div>

        <div class="right-bottom">
            <div class="boxBg">
                <!--<div class="item-tips">-->
                    <!--<span class="active">二极管车间</span><span>整流桥车间</span>-->
                <!--</div>-->
                <div id="bar-charts2"></div>
            </div>
        </div>
    </div>
</div>
<!--脚本区域开始-->



<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=pTmN20ALNAftvVTR9nxXnRnXLEEAkSuu"></script>
<script src="${ctxPath}/assets/modular/system/view/js/jquery-3.1.1.min.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/goTop.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/echarts.min.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/bmap.min.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/china.js"></script>
<script src="${ctxPath}/assets/modular/system/view/js/index1.js"></script>
<!--脚本区域结束-->
</body>
</html>
